import {createMemoryHistory, createRouter} from 'vue-router'

import Son from '@/components/2嵌套路由/1.子组件.vue'
import Son1 from '@/components/2嵌套路由/2.子组件.vue'


// 定义路由路径
const routes = [
    // path：路由路径
    // component：路径跳转后显示的组件是谁
    {
        path: '/a',
        component: Son,
        name: 'a',
        // 子路由可以直接到 他会找到当前子路由的全路径
        children : [
            {
                // 注意子路由不要/
                path: '/b',
                name: 'b',
                component: Son1
            },
        ]
    },
    {
        path: '/b',
        name: 'b',
        component: Son1,
    }

    // {
    //     path: '/a',
    //     // 子路由可以直接到 他会找到当前子路由的全路径
    //     // 访问子路由时，直接写 子路由的路径 不要连着父路由一起写
    //     children : [
    //         {
    //             path: '',
    //             component: Son
    //         },
    //         {
    //             path: '/b',
    //             component: Son1
    //         },
    //
    //     ]
    // },




]

const router = createRouter({
    history: createMemoryHistory(),
    routes,
})

export default router
